<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="styleSheet" href="__PUBLIC__/Css/Home/head.css">
    <link rel="styleSheet" href="__PUBLIC__/Css/Home/footer.css">
    <link rel="styleSheet" href="__PUBLIC__/Css/Home/shouye.css">
</head>
<body>
    <!-- 引入头 -->
    <include file="./Application/Home/common/header.html" />
    <div id="a"></div>
    <div id="shouye_content">
        <!-- 图书分类 -->
        <div class="shouye_left">
            <div class="shouye_left_left">
                <ul class="shouye_left_left_list">
                    <li class="shouye_left_left_list_top">图书分类</li>
                </ul>
                
                <foreach name="fenlei" item="fen">
                     <ul class="shouye_left_left_list">
                     <li class="shouye_left_left_list_left"><a href="{:U('liebiao/index',['id'=>$fen['id']])}">{$fen['typename']}</a></li>
                </ul>
                </foreach>
            </div>
            
        </div>
        
        <div class="shouye_center">
            <!-- 滑动图片 -->
            <div id="lunbo" class="shouye_center_up">
                <img class="lunbo" style="display:inline;" src="__PUBLIC__/images/lunbo.gif">
                <img class="lunbo" src="__PUBLIC__/images/lunbo1.gif" style="display:none">
                <img class="lunbo" src="__PUBLIC__/images/lunbo2.gif" style="display:none">
                <img class="lunbo" src="__PUBLIC__/images/lunbo3.gif" style="display:none">
            </div>

            <!-- 重磅推荐 -->
            <div class="shouye_center_down">
                <div class="shouye_center_down_up">
                    <a href="#">重磅推荐</a>
                </div>
                <hr>
                <div class="shouye_center_down_down">
                   <foreach name="zhongbang" item="vo">

                         <div class="shouye_center_down_down_left">

                        <div class="shouye_center_down_down_left_left">
                            <img width="100" height="130" src="__PUBLIC__/{$vo['bkpic']}"><br><br>
                            ￥{$vo['bkprice']}
                        </div>
                        <div class="shouye_center_down_down_left_right">
                            <span>{$vo['writer']}</span><br>
                            <img src="__PUBLIC__/Images/wuxing.gif" alt=""><br>
                            <span>{$vo['bkname']}</span>
                            <br>
                            <a href=""><img src="__PUBLIC__/Images/button.gif" alt=""></a>
                        </div>
                        
                    </div>
                   </foreach>
                 
                </div>
                <div class="shouye_center_down_bottom">
                    <div class="shouye_center_down_bottom_left">
                        <a href="">活动快讯</a>
                    </div>
                    <div class="shouye_center_down_bottom_right"></div>
                </div>
            </div>     
        </div>

        <div class="shouye_right">

            <!-- 免费推荐 -->
            <div class="shouye_right_up">
             <if condition="empty($_SESSION['user_id'])">
                <div class="shouye_right_up_top">
                    Hi 欢迎使用多看阅读器
                </div>
                
                <ul>
                <li>
                   <li><span style="padding-left:20px;color:#A6978A;">跨平台/多设备同步阅读进度、笔</span>
                    <span style="padding-left:29px;color:#A6978A;" >记和图书，轻松实现云阅读</span>
                   </li>
                </ul>

                <button>更多免费图书</button>
               <button  style="margin-top:10px;background:#F8F6F3;border:1px solid #C2B3A7;border-radius:5px;color:#C2B3A7;"> <a href="{:U('User/login')}" >登录</a></button>
                <else />
                 <div class="shouye_right_up_top">
                    快速阅读
                </div>
                <ul>
                <li>
                   <li>
                        hallo
                    </li>
                 </ul>
                    <button>更多免费图书</button>
                </if>
            </div>
            <div class="shouye_right_center"></div>

            <!-- 重点新书 -->
            <div class="shouye_right_down">
                <div class="shouye_right_down_top" style="">
                <h4 style="margin-top:10px;margin-bottom:10px;">重磅新书</h4>
                <span>看“三无”女孩果断拒婚“三高”IT总裁！ 梦想一旦付诸行动，就会变得神圣！ 《再见，在也不见》台前幕后的故事！ 热播剧《山海经之赤影传说》同名小说！</span>
                </div>
                <div class="shouye_right_down_down">
                    <foreach name="newbook" item="vo">
                    <img class="zbxs" style="display:{$key==0?'inline':'none'};margin-left:60px;margin-top:30px;" src="__PUBLIC__/{$vo['bkpic']}" height="130" width="95" alt="">
                    <a class="zbxsa" href="" style="display:{$key==0?'block':'none'};margin-left:74px;">{$vo['bkname']}</a>
                    </foreach>
                </div>

            </div>
                     
        </div>
    </div>
    <hr>
    <div id="shouye_center">
        <div class="shouye_center_left">
            <div class="shouye_center_left_top">
                <ul>
                    <li><a href="{:U('Index/index')}">畅销榜 |</a></li>
                    <li><a href="{:U('Index/index/',['action'=>'ybang'])}">月度榜 |</a></li>
                    <li><a href="{:U('Index/index/',['action'=>'pbang'])}">好评榜</a></li>
                </ul>
                <ul>
                <foreach name='bang' item="vo">
                    <li style="display:block;width:240px;float:left;margin-top:{$key>0?'-20px':'20px'};"><em style="margin-left:20px;font-size:12px;">{$key+1}</em>.<a href="#" style="color:black;font-size:12px;">{$vo['bkname']}</a><p style="margin-top:-24px;margin-left:40px;color:#AFA298;font-size:12px; ">作者</p></li>
                </foreach>  
                </ul>
            </div>
        </div>
        <div class="shouye_center_right">
          <div class="shouye_center_right_top">
              <div class="shouye_center_right_top_left">精品推荐</div>
              <div class="shouye_center_right_top_right">查看更多>></div>
          </div>
          <div style="width:960px;height:554px;background:#FBFAF8;">
              
               <foreach name="jptuijian" item="vo">
               <div class="shouye_center_right_content" >
                 <div style="margin-left:15px;margin-top:20px"><img width="100" height="130" src="__PUBLIC__/{$vo['bkpic']}"></div>
                <p style="font-size:12px;text-align:center;margin-top:10px;">{$vo['bkname']}</p>
                <div class="" style="margin-top:15px;margin-left:24px">
                    <img  src="__PUBLIC__/images/shuping_xing.gif" alt="">
                </div>
                <div style="text-align:center;font-size:12px;">作者</div>
                <div style="text-align:center;">￥{$vo['bkprice']}</div>
                 </div>
               </foreach>
             
          </div>
        </div>   
    </div>
    <div style="margin:0 auto;width:1200px;height:170px;background:#FBFAF8;">
        <div style="width:300px;height:170px;float:left;">
        <a href=""><img src="__PUBLIC__/images/xianshi.gif" style="margin-left:34px;margin-top:15px;"></a>
        </div>
        <div style="width:300px;height:170px;float:left;">
           <a href="#"><img src="__PUBLIC__/images/tejia.gif" style="margin-left:34px;margin-top:15px;"></a>
        </div>
        <div style="width:300px;height:170px;float:left;">
           <a href="#"><img src="__PUBLIC__/images/quanmin.gif" style="margin-left:34px;margin-top:15px;"></a>
        </div>
        <div style="width:300px;height:170px;float:left;">
           <a href="#"><img src="__PUBLIC__/images/daze.gif" style="margin-left:34px;margin-top:15px;"></a>
        </div>
    </div>
    <script src="__PUBLIC__/js/shouye.js"></script>
    <include file="./Application/Home/common/footer.html" />
</body>
</html>